<template>
  <view>
    <button @click="open('/pages/size/size')">size</button>
    <button @click="open('/pages/easycom/easycom')">easycom</button>
    <button @click="open('/pages/slot/slot')">slot</button>
    <button @click="open('/pages/export/export')">export</button>
    <button @click="open('/pages/content/content')">content</button>
    <button @click="open('/pages/event/event')">event</button>
    <button @click="open('/pages/for/for')">for</button>
    <button @click="open('/pages/if/if')">if</button>
    <button @click="open('/pages/show/show')">show</button>
    <button @click="open('/pages/dataset/dataset')">dataset</button>
    <button @click="open('/pages/wxs/wxs')">wxs</button>
    <button @click="open('/pages/canvas/canvas')">canvas</button>
    <button @click="open('/pages/audio/audio')">audio</button>
    <button @click="open('/pages/image/image')">image</button>
    <button @click="open('/pages/textarea/textarea')">textarea</button>
    <button @click="open('/pages/input/input')">input</button>
    <button @click="open('/pages/swiper/swiper')">swiper</button>
    <button @click="open('/pages/upload-file/upload-file')">upload-file</button>
    <button @click="open('/pages/selection/selection')">selection</button>
    <button @click="open('/pages/request/request')">request</button>
    <button @click="open('/pages/background-audio/background-audio')">background-audio</button>
    <button @click="open('/pages/bluetooth/bluetooth')">bluetooth</button>
    <button @click="open('/pages/accelerometer/accelerometer')">accelerometer</button>
    <button @click="open('/pages/compass/compass')">compass</button>
    <button @click="open('/pages/file/file')">file</button>
    <button @click="open('/pages/select-query/select-query')">select-query</button>
  </view>
</template>

<script>
export default {
  data () {
    return {}
  },
  methods: {
    open (url) {
      uni.navigateTo({ url })
    }
  }
}
</script>

<style>
button {
  color: black;
}
</style>